<!--
 * @Author: libing 9852442+liu-sheng-8667@user.noreply.gitee.com
 * @Date: 2024-04-09 22:32:55
 * @LastEditors: libing 9852442+liu-sheng-8667@user.noreply.gitee.com
 * @LastEditTime: 2024-04-16 21:41:25
 * @FilePath: \crm\pages\customer\conponents\customer-item.vue
 * @Description: 客户池列表
-->
<template>
	<view class="customer-item" @tap="toPage">
		<!--  -->
		<view class="header">
			<view class="calendar">
				<u-icon name="calendar"></u-icon>
				<view class="next-follow">{{ info.updateTime }}</view>
			</view>
			<image :src="$z.imgsrc('time-right.png')" class="right-icon"></image>
		</view>

		<!--  -->
		<view class="customer-content">
			<view>
				<view class="name">{{ info.name }}</view>
				<view class="company">{{ info.company }}</view>
			</view>
			<view class="status">{{ info.status }}</view>
		</view>
		<!--  -->
		<view class="now-follow">{{ info.createTime }}</view>
	</view>
</template>
<script>
	export default {
		name: 'customer-item',
		data() {
			return {}
		},
		props: {
			info: {
				type: Object,
				default: () => ({})
			}
		},
		methods: {
			// 跳转客户详情
			toPage() {
				uni.navigateTo({
					url: '/pagescustomer/customer/customer-info'
				})
			}
		}

	}
</script>
<style lang="scss" scoped>
	.customer-item {
		height: 260rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		margin-top: 18rpx;
		padding: 20rpx 0 26rpx 26rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-right: 11rpx;

			.calendar {
				display: flex;
				align-items: center;
			}

			.right-icon {
				width: 171rpx;
				height: 32rpx;

			}
		}
	}

	.customer-content {
		display: flex;
		justify-content: space-between;

		.name {
			font-weight: 500;
			font-size: 32rpx;
			color: #171A1D;
			line-height: 45rpx;
			margin-bottom: 8rpx;
		}

		.company {
			font-size: 24rpx;
			color: #171A1D;
			line-height: 33rpx;
		}

		.status {
			width: 96rpx;
			height: 46rpx;
			background: #E5EEFA;
			border-radius: 4rpx 0rpx 0rpx 4rpx;
			font-size: 24rpx;
			color: #015AD4;
			text-align: center;
			line-height: 46rpx;
		}
	}

	.next-follow {
		font-weight: 400;
		font-size: 24rpx;
		color: #838589;
		line-height: 33rpx;
	}

	.now-follow {
		font-weight: 400;
		font-size: 24rpx;
		color: #838589;
		line-height: 33rpx;
	}
</style>